.AllLogin {
    height: 100vh;

    .login {
        width: 1200px;
        height: 650px;
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.08);
        border-radius: 10px;

        .round1 {
            width: 50px;
            height: 50px;
            bottom: 70px;
            right: -25px;
            opacity: .7;
        }

        .round2 {
            width: 20px;
            height: 20px;
            right: 70px;
            bottom: 164px;
            opacity: .7;
        }

        .description {
            margin-bottom: 40px;
        }

        .login-input {
            width: 600px;
            padding: 50px 50px;
            box-sizing: border-box;

            .input {
                padding: 0 17px;
                height: 60px;
                border: 0;
                background: #F6F6F6;
                border-radius: 5px;
            }

            .ant-input-prefix {
                margin: 0;
            }

            .icon-width {
                width: 26px;
                height: 26rpx;
                margin-right: 20px;
            }
        }

        .login-img {
            width: 600px;
            height: 100%;

            .mask {
                opacity: .1;
            }

            .img {
                width: 515px;
                z-index: 10;
            }
        }

        .code-img {
            display: grid;
            grid-template-columns: 1fr 154px;
            gap: 0 20px;

            .img-button {
                width: 154px;
                height: 60px;
                padding: 0;
                border: 0;
                border-radius: 5px;
                background: #ffffff;
            }
        }
    }

    .login-button {
        width: 100%;
        height: 70px;
        margin-top: 26px;
    }
}